   @themecolor: #FE413F; //254,65,63
   html,
   body {
       width: 100%;
       height: 100%;
   }
   
   header.mui-bar {
       background-color: @themecolor;
       .mui-title {
           color: white;
       }
   }
   
   .mui-bar-nav {
       box-shadow: none !important;
       a {
           color: white !important;
       }
   }
   
   .mui-scrollbar {
       display: none !important;
   }
   
   body {
       background-color: white;
   }
   
   .mui-content {
       background-color: white;
   }
   
   div {
       color: #222;
   }
   
   img.lazy {
       display: block;
       border: 0;
       opacity: 0;
       &:not(.initial) {
           transition: opacity 1s;
       }
       &.initial,
       &.loaded,
       &.error {
           opacity: 1;
       }
       &:not([src]) {
           visibility: hidden;
       }
   }
   
   //返回顶部
   .totop {
       position: fixed;
       right: 20px;
       bottom: 50px;
       background-color: @themecolor;
       width: 40px;
       height: 40px;
       line-height: 40px;
       text-align: center;
       border-radius: 20px;
       box-shadow: 0px 2px 10px 0px rgba(254, 65, 63, 1);
       color: white;
       z-index: 9;
       &:active {
           background-color: #b83b3b;
       }
       &.hide {
           display: none;
       }
   }
   
   .main {
       background-color: white;
       nav.mui-bar {
           background-color: white;
           box-shadow: 0 -1px 3px rgba(100, 100, 100, 0.1);
           .mui-tab-item {
               color: #333;
               font-size: 13px;
               touch-action: none;
               &.mui-active {
                   color: @themecolor;
               }
               .icon {
                   width: 30px;
                   height: 30px;
                   margin: 0 auto;
                   background-size: 30px;
                   margin-top: 5px;
                   &.home {
                       background-image: url(../imgs/icecream-07.png);
                   }
                   &.category {
                       background-image: url(../imgs/icecream-11.png);
                   }
                   &.talent {
                       background-image: url(../imgs/icecream-04.png);
                   }
                   &.my {
                       background-image: url(../imgs/icecream-02.png);
                   }
               }
           }
       }
   }
   
   //首页
   .home {
       .titlebar {
           height: 44px;
           background-color: @themecolor;
           display: flex;
           align-items: center;
           padding: 0 20px;
           .sitename {
               color: white;
               font-size: 18px;
               font-weight: 700;
           }
           .search-bar {
               flex-grow: 1;
               background-color: rgba(200, 200, 200, 0.3);
               height: 30px;
               border-radius: 15px;
               display: flex;
               align-items: center;
               margin: 0 10px;
               padding-left: 10px;
               .kw {
                   color: #eee;
                   font-size: 14px;
                   margin-left: 10px;
               }
               img {
                   width: 20px;
               }
           }
           img {
               width: 25px;
               flex-shrink: 0;
           }
       }
       .tabbar-wrap {
           height: 58px;
           background-color: white;
           box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
           display: flex;
           justify-content: space-between;
           align-items: center;
           padding: 10px;
           position: sticky;
           position: -webkit-sticky;
           top: 0;
           z-index: 9;
           .tabbar {
               flex-grow: 1;
               display: flex;
               overflow-y: auto;
               .tab-item {
                   padding: 10px;
                   position: relative;
                   color: #666666;
                   font-size: 18px;
                   flex-shrink: 0;
                   &.active {
                       font-size: 21px;
                       color: @themecolor;
                   }
                   &.active:after {
                       content: '';
                       position: absolute;
                       left: 35%;
                       top: 38px;
                       bottom: 0px right: auto;
                       height: 3px;
                       border-radius: 2px;
                       width: 30%;
                       background-color: @themecolor;
                   }
               }
           }
           .plus-wrap {
               padding: 10px;
               flex-shrink: 0;
               .plus {
                   width: 25px;
                   height: 25px;
                   border-radius: 15px;
                   color: @themecolor;
               }
           }
       }
       #banner {
           min-height: 155px;
           background-color: #f7f7f7;
       }
       .link-wrap {
           display: flex;
           justify-content: space-around;
           align-items: center;
           .item {
               display: flex;
               flex-direction: column;
               align-items: center;
               padding: 15px 0;
               width: 25%;
               &:active {
                   background-color: rgba(200, 200, 200, 0.1);
               }
               .icon {
                   width: 50px;
                   height: 50px;
                   border-radius: 25px;
                   color: white;
                   text-align: center;
                   line-height: 50px;
                   &.link1 {
                       background-color: #ff6e97;
                   }
                   &.link2 {
                       background-color: #5ed5d1;
                   }
                   &.link3 {
                       background-color: #1a2d27;
                   }
                   &.link4 {
                       background-color: #db9019;
                   }
               }
               .name {
                   color: #333;
                   font-size: 14px;
                   margin-top: 5px;
               }
           }
       }
       #listview {
           padding: 10px;
           display: flex;
           flex-wrap: wrap;
           background-color: #f7f7f7;
           .goods-item {
               display: flex;
               flex-direction: column;
               align-items: center;
               background-color: white;
               width: 48%;
               margin-top: 5px;
               margin-left: 1%;
               &.right {
                   margin-left: 2%;
               }
               &:active {
                   background-color: #f7f7f7;
               }
               img.lazy {
                   width: 100%;
                   min-height: 150px;
               }
               span.title {
                   width: 96%;
                   margin-top: 5px;
                   font-size: 14px;
               }
               .price-wrap {
                   display: flex;
                   margin-top: 5px;
                   width: 96%;
                   .itemendprice {
                       color: #FFA500;
                   }
                   .itemprice {
                       color: #999;
                       font-size: 12px;
                       text-decoration: line-through;
                       flex-grow: 1;
                       margin-left: 2px;
                   }
                   .itemsale {
                       font-size: 12px;
                       color: #999;
                   }
               }
           }
       }
   }
   
   //详情
   .detail {
       .mui-bar-nav a {
           color: white;
       }
       .mui-bar-nav {
           box-shadow: none !important;
       }
       .detail-title-action-wrap {
           display: flex;
           align-items: center;
           justify-content: center;
           margin-right: 34px;
           height: 100%;
           opacity: 1;
           span {
               padding: 0 15px;
               font-size: 14px;
               color: white;
               position: relative;
               &.active {
                   &:after {
                       content: '';
                       height: 2px;
                       background-color: white;
                       width: 50%;
                       position: absolute;
                       left: 25%;
                       bottom: -8px;
                   }
               }
           }
       }
       .detail-wrap {
           .title-wrap {
               display: flex;
               margin-top: 10px;
               .shoptype {
                   margin-left: 10px;
                   flex-shrink: 0;
                   height: 22px;
                   margin-top: 2px;
               }
               .title {
                   font-size: 16px;
                   margin: 0 10px;
               }
           }
           .itemendprice-wrap {
               display: flex;
               align-items: flex-end;
               justify-content: space-between;
               color: #999;
               font-size: 12px;
               padding: 10px;
               .itemendprice {
                   color: #ff5500;
                   font-size: 18px;
                   .label {
                       font-size: 12px;
                   }
               }
               .itemsale {}
           }
           .itemprice-wrap {
               display: flex;
               align-items: center;
               justify-content: space-between;
               padding: 0 10px;
               font-size: 12px;
               .itemprice {}
               .activity_type {
                   background-color: #ff5500;
                   border-radius: 5px;
                   padding: 0 8px;
                   color: white;
               }
           }
           .quan-wrap {
               position: relative;
               &:before {
                   content: '';
                   height: 50%;
                   width: 2px;
                   background-image: url(../imgs/hr.png);
                   position: absolute;
                   top: 20%;
                   left: 64%;
                   z-index: 1;
                   zoom: 1;
                   background-size: auto 100%;
               }
               .info-wrap {
                   display: flex;
                   align-items: center;
                   color: white;
                   position: absolute;
                   z-index: 1;
                   left: 0;
                   top: 0;
                   text-align: center;
                   width: 100%;
                   height: 100%;
                   .mui-col-xs-8 {
                       color: white !important;
                       display: flex;
                       flex-direction: column;
                       align-items: center;
                       .couponmoney {
                           font-size: 18px;
                       }
                       .couponendtime {
                           font-size: 10px;
                       }
                   }
                   .mui-col-xs-4 {
                       color: white !important;
                       font-size: 20px;
                       text-align: left;
                       margin-bottom: 10px;
                   }
               }
               img {
                   width: 100%;
               }
           }
           .desc {
               font-size: 14px;
               color: #999;
               line-height: 18px;
               padding: 0 10px;
           }
       }
       .part-title-wrap {
           display: flex;
           justify-content: center;
           width: 100%;
           align-items: center;
           padding: 30px 0;
           background-color: white;
           .splite {
               height: 2px;
               text-align: center;
               border-top: 2px solid #333;
               width: 60%;
               .title {
                   position: relative;
                   top: -12px;
                   background: #fff;
                   display: inline-block;
                   padding: 0 20px;
               }
           }
       }
       #tbdetail {
           img.lazy {
               width: 100%;
               height: auto;
           }
       }
       #similar {
           display: flex;
           flex-wrap: wrap;
           justify-content: space-around;
           background-color: #f7f7f7;
           .goods-item {
               display: flex;
               flex-direction: column;
               align-items: center;
               background-color: white;
               width: 48%;
               margin-top: 10px;
               margin-left: 1%;
               &.right {
                   margin-left: 2%;
               }
               &:active {
                   background-color: #f7f7f7;
               }
               img.lazy {
                   width: 100%;
                   min-height: 150px;
               }
               span.title {
                   width: 96%;
                   margin-top: 5px;
                   font-size: 14px;
               }
               .price-wrap {
                   display: flex;
                   margin-top: 5px;
                   width: 96%;
                   .itemendprice {
                       color: #FFA500;
                   }
                   .itemprice {
                       color: #999;
                       font-size: 12px;
                       text-decoration: line-through;
                       flex-grow: 1;
                       margin-left: 2px;
                   }
                   .itemsale {
                       font-size: 12px;
                       color: #999;
                   }
               }
           }
       }
       .bottom-wrap {
           height: 60px;
           position: fixed;
           bottom: 0;
           left: 0;
           width: 100%;
           background-color: white;
           box-shadow: 0px -4px 15px 0px rgba(0, 0, 0, 0.13);
           display: flex;
           align-items: center;
           padding: 0 20px;
           .share {
               height: 25px;
               margin-right: 20px;
           }
           .collect {
               height: 30px;
               margin-right: 20px;
           }
           .price-wrap {
               background: linear-gradient(to left, #FBAA58 0, #FA4DBE 100%);
               color: wheat;
               display: flex;
               align-items: center;
               flex-direction: column;
               font-size: 12px;
               justify-content: space-around;
               border-radius: 5px;
               padding: 5px 40px;
               .price {
                   font-size: 20px;
               }
               &.nocoupon {
                   //不领券
                   color: #FE9E6B;
                   background: none;
                   padding: 5px 20px 0px 10px;
               }
           }
       }
   }
   
   //分类
   .category {
       #segmentedControls {
           display: flex;
           flex-direction: column;
           align-items: center;
           background-color: #f7f7f7;
           height: 100%;
           a.item {
               line-height: 50px;
               font-size: 14px;
               width: 100%;
               text-align: center;
               color: #333 !important;
               position: relative;
               &.active {
                   background-color: white;
                   &:before {
                       content: '';
                       height: 50px;
                       width: 3px;
                       background-color: @themecolor;
                       position: absolute;
                       top: 0;
                       left: 0;
                   }
               }
           }
       }
       #segmentedControlContents {
           .content {
               text-align: center;
               .title {
                   margin-top: 20px;
                   font-size: 16px;
               }
               .grid {
                   display: flex;
                   flex-wrap: wrap;
                   margin-top: 15px;
                   .item {
                       display: flex;
                       flex-direction: column;
                       align-items: center;
                       width: 30%;
                       margin-top: 15px;
                       &:active {
                           .name {
                               color: @themecolor;
                           }
                       }
                       .image {
                           position: relative;
                           width: 60%;
                           height: 0px;
                           padding-top: 60%;
                           img {
                               position: absolute;
                               top: 0;
                               left: 0;
                               width: 100%;
                               height: 100%;
                           }
                       }
                       .name {
                           font-size: 12px;
                       }
                   }
               }
           }
       }
   }
   
   //商品列表页面（分类跳转到的页面）
   .goodslistpage {
       .tabbar-wrap {
           height: 58px;
           background-color: white;
           box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
           display: flex;
           justify-content: space-between;
           align-items: center;
           padding: 10px;
           position: sticky;
           position: -webkit-sticky;
           top: 0;
           z-index: 9;
           .tabbar {
               flex-grow: 1;
               display: flex;
               overflow-y: auto;
               .tab-item {
                   padding: 10px;
                   position: relative;
                   color: #666666;
                   font-size: 18px;
                   flex-shrink: 0;
                   &.active {
                       font-size: 21px;
                       color: @themecolor;
                   }
                   &.active:after {
                       content: '';
                       position: absolute;
                       left: 35%;
                       top: 38px;
                       bottom: 0px right: auto;
                       height: 3px;
                       border-radius: 2px;
                       width: 30%;
                       background-color: @themecolor;
                   }
               }
           }
       }
       #listview {
           padding: 10px;
           display: flex;
           flex-wrap: wrap;
           background-color: #f7f7f7;
           .goods-item {
               display: flex;
               flex-direction: column;
               align-items: center;
               background-color: white;
               width: 48%;
               margin-top: 5px;
               margin-left: 1%;
               &.right {
                   margin-left: 2%;
               }
               &:active {
                   background-color: #f7f7f7;
               }
               img.lazy {
                   width: 100%;
                   min-height: 150px;
               }
               span.title {
                   width: 96%;
                   margin-top: 5px;
                   font-size: 14px;
               }
               .price-wrap {
                   display: flex;
                   margin-top: 5px;
                   width: 96%;
                   .itemendprice {
                       color: #FFA500;
                   }
                   .itemprice {
                       color: #999;
                       font-size: 12px;
                       text-decoration: line-through;
                       flex-grow: 1;
                       margin-left: 2px;
                   }
                   .itemsale {
                       font-size: 12px;
                       color: #999;
                   }
               }
           }
       }
   }
   
   //搜索页面
   .searchpage {
       .searchbar {
           height: 44px;
           background-color: @themecolor;
           display: flex;
           align-items: center;
           padding: 0 20px;
           background-color: @themecolor;
           position: sticky;
           position: -webkit-sticky;
           top: 0;
           z-index: 9;
           .search-bar {
               flex-grow: 1;
               background-color: rgba(200, 200, 200, 0.3);
               height: 30px;
               border-radius: 15px;
               display: flex;
               align-items: center;
               margin: 0 10px;
               padding: 0 10px;
               .kw {
                   color: #eee;
                   font-size: 14px;
                   margin-left: 10px;
                   background-color: transparent;
                   border: none;
                   flex-grow: 1;
                   height: 30px;
                   &::-webkit-input-placeholder {
                       /* WebKit, Blink, Edge */
                       color: #eee;
                   }
               }
               img {
                   width: 22px;
               }
           }
       }
       #hotkey-wrap {
           .title {
               margin: 10px;
               font-size: 18px;
               font-weight: 700;
           }
           .kwlistview {
               display: flex;
               flex-wrap: wrap;
               .kwitem {
                   margin: 10px;
                   padding: 5px 15px;
                   background-color: #f6f6f6;
                   color: #333;
                   font-size: 14px;
                   border-radius: 20px;
               }
           }
       }
       #listview {
           padding: 10px;
           display: flex;
           flex-wrap: wrap;
           background-color: #f7f7f7;
           .goods-item {
               display: flex;
               flex-direction: column;
               align-items: center;
               background-color: white;
               width: 48%;
               margin-top: 5px;
               margin-left: 1%;
               &.right {
                   margin-left: 2%;
               }
               &:active {
                   background-color: #f7f7f7;
               }
               img.lazy {
                   width: 100%;
                   min-height: 150px;
               }
               span.title {
                   width: 96%;
                   margin-top: 5px;
                   font-size: 14px;
               }
               .price-wrap {
                   display: flex;
                   margin-top: 5px;
                   width: 96%;
                   .itemendprice {
                       color: #FFA500;
                   }
                   .itemprice {
                       color: #999;
                       font-size: 12px;
                       text-decoration: line-through;
                       flex-grow: 1;
                       margin-left: 2px;
                   }
                   .itemsale {
                       font-size: 12px;
                       color: #999;
                   }
               }
           }
       }
   }
   
   //达人说
   .talentpage {
       .mui-content {
           padding-bottom: 40px;
       }
       .card-wrap {
           width: 90%;
           background-color: white;
           margin-left: 5%;
           margin-top: 20px;
           box-shadow: 0px 6px 20px 2px rgba(212, 212, 212, 1);
           padding-bottom: 20px;
           &:active {
               box-shadow: none;
           }
           .pic {
               width: 100%;
               min-height: 150px;
           }
           .title {
               margin: 10px;
               font-size: 16px;
           }
           .info-wrap {
               padding: 0 10px;
               display: flex;
               align-items: center;
               font-size: 12px;
               color: #666;
               .avatar {
                   width: 25px;
                   height: 25px;
                   border-radius: 15px;
                   margin-right: 5px;
               }
               .nickname {
                   flex-grow: 1;
               }
               .eye {
                   width: 20px;
                   margin-bottom: 2px;
                   margin-right: 5px;
               }
           }
       }
   }
   
   //咚咚抢
   .ddqpage {
       .card-wrap {
           width: 90%;
           background-color: white;
           margin-left: 5%;
           margin-top: 20px;
           box-shadow: 0px 6px 20px 2px rgba(212, 212, 212, 1);
           padding-bottom: 20px;
           &:active {
               box-shadow: none;
           }
           .pic-wrap {
               width: 100%;
               height: 200px;
               overflow: hidden;
               position: relative;
               img {
                   width: 100%;
               }
           }
           .title-wrap {
               display: flex;
               margin-top: 10px;
               .shoptype {
                   margin-left: 10px;
                   flex-shrink: 0;
                   height: 22px;
                   margin-top: 2px;
               }
               .title {
                   font-size: 16px;
                   margin: 0 10px;
               }
           }
           .price-wrap {
               display: flex;
               margin-top: 5px;
               width: 96%;
               align-items: center;
               .itemendprice {
                   color: #FFA500;
                   margin-left: 10px;
               }
               .itemquan {
                   color: #FFA500;
                   font-size: 12px;
                   margin-left: 2px;
                   padding: 0 10px;
                   background-image: url(../imgs/quanbg.png);
                   background-size: 100% 100%;
                   background-repeat: no-repeat;
                   margin: 0 10px;
               }
               .itemsale {
                   font-size: 12px;
                   color: #999;
                   flex-grow: 1;
               }
               .btn {
                   background-image: -webkit-linear-gradient(0deg, #FF4646, #FF3C32);
                   border-radius: 20px;
                   line-height: 30px;
                   text-align: center;
                   color: white;
                   font-size: 13px;
                   margin-left: 15px;
                   padding-top: 2px;
                   padding: 0 20px;
                   flex-shrink: 0;
                   display: flex;
                   justify-content: center;
                   align-items: center;
                   .icon {
                       margin-right: 5px;
                       width: 16px;
                       height: 16px;
                   }
                   span {
                       margin-top: 2px;
                   }
               }
           }
       }
       .sticky-wrap {
           position: sticky;
           position: -webkit-sticky;
           top: 0px;
           z-index: 9;
       }
       .head-wrap {
           background-image: url(../imgs/ddq_bannerbg.jpg);
           background-position: center;
           height: 145px;
           background-size: 100% 100%;
           background-repeat: no-repeat;
           display: flex;
           flex-direction: column;
           align-items: center;
           .titleimg {
               width: 60%;
               margin-top: 30px;
           }
           .swiper-wrapper {
               height: 55px;
               margin-top: 10px;
               box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
               align-items: center;
               background-color: transparent;
               .swiper-slide {
                   padding: 10px;
                   position: relative;
                   color: #eee;
                   font-size: 18px;
                   flex-shrink: 0;
                   background-color: transparent;
                   font-size: 16px;
                   &.active {
                       font-size: 24px;
                       background-image: url(../imgs/navbg.png);
                       background-repeat: no-repeat;
                       background-size: 100% 100%;
                   }
               }
           }
       }
   }
   
   .my {
       .user-wrap {
           height: 160px;
           display: flex;
           justify-content: center;
           align-items: center;
           background-image: -webkit-linear-gradient(top, @themecolor, #FF6347);
           img {
               height: 80px;
               width: 80px;
               border-radius: 40px;
           }
       }
       .panel-wrap {
           margin-bottom: 10px;
           .panel {
               height: 60px;
               display: flex;
               align-items: center;
               &:active {
                   background-color: #f7f7f7;
               }
               .icon {
                   height: 26px;
                   flex-shrink: 0;
                   margin-left: 30px;
               }
               .name {
                   flex-grow: 1;
                   font-size: 14px;
                   color: #333;
                   margin-left: 30px;
               }
               .arrow {
                   height: 16px;
                   margin-right: 30px;
               }
           }
       }
   }
   
   //人气排行榜
   .top100 {
       #listview {
           padding: 10px;
           display: flex;
           flex-wrap: wrap;
           background-color: #f7f7f7;
           .goods-item {
               display: flex;
               flex-direction: column;
               align-items: center;
               background-color: white;
               width: 48%;
               margin-top: 5px;
               margin-left: 1%;
               &.right {
                   margin-left: 2%;
               }
               &:active {
                   background-color: #f7f7f7;
               }
               img.lazy {
                   width: 100%;
                   min-height: 150px;
               }
               span.title {
                   width: 96%;
                   margin-top: 5px;
                   font-size: 14px;
               }
               .price-wrap {
                   display: flex;
                   margin-top: 5px;
                   width: 96%;
                   justify-content: space-between;
                   .itemendprice {
                       color: #FFA500;
                   }
                   .itemprice {
                       color: #999;
                       font-size: 12px;
                       text-decoration: line-through;
                       margin-left: 2px;
                   }
               }
               .itemsale2 {
                   width: 100%;
                   text-align: center;
                   background-color: @themecolor;
                   font-size: 12px;
                   color: #eee;
               }
           }
       }
   }
   
   .favoritepage {
       .goods-item {
           display: flex;
           padding: 10px;
           margin-bottom: 15px;
           box-shadow: 0px 3px 10px 2px rgba(212, 212, 212, 0.5);
           &:active {
               box-shadow: none;
           }
           img.pic {
               width: 80px;
               height: 80px;
               flex-shrink: 0;
           }
           .info-wrap {
               margin-left: 10px;
               flex-grow: 1;
               display: flex;
               flex-direction: column;
               justify-content: space-between;
               .title {
                   font-size: 14px;
                   color: #333;
               }
               .price-wrap {
                   display: flex;
                   margin-top: 5px;
                   justify-content: space-between;
                   .itemendprice {
                       color: #FFA500;
                   }
                   .itemprice {
                       color: #999;
                       font-size: 12px;
                       text-decoration: line-through;
                       margin-left: 2px;
                   }
               }
           }
       }
   }
   
   .ninepage {
       #listview {
           padding: 10px;
           display: flex;
           flex-wrap: wrap;
           background-color: #f7f7f7;
           .goods-item {
               display: flex;
               flex-direction: column;
               align-items: center;
               background-color: white;
               width: 48%;
               margin-top: 5px;
               margin-left: 1%;
               &.right {
                   margin-left: 2%;
               }
               &:active {
                   background-color: #f7f7f7;
               }
               img.lazy {
                   width: 100%;
                   min-height: 150px;
               }
               span.title {
                   width: 96%;
                   margin-top: 5px;
                   font-size: 14px;
               }
               .price-wrap {
                   display: flex;
                   margin-top: 5px;
                   width: 96%;
                   .itemendprice {
                       color: #FFA500;
                   }
                   .itemprice {
                       color: #999;
                       font-size: 12px;
                       text-decoration: line-through;
                       flex-grow: 1;
                       margin-left: 2px;
                   }
                   .itemsale {
                       font-size: 12px;
                       color: #999;
                   }
               }
           }
       }
   }
   
   //专题
   .subject {
       .card-wrap {
           width: 90%;
           background-color: white;
           margin-left: 5%;
           margin-top: 20px;
           box-shadow: 0px 6px 20px 2px rgba(212, 212, 212, 1);
           padding-bottom: 20px;
           &:active {
               box-shadow: none;
           }
           .pic-wrap {
               width: 100%;
               height: 200px;
               overflow: hidden;
               position: relative;
               img {
                   width: 100%;
               }
           }
           .title-wrap {
               display: flex;
               margin-top: 10px;
               .shoptype {
                   margin-left: 10px;
                   flex-shrink: 0;
                   height: 22px;
                   margin-top: 2px;
               }
               .title {
                   font-size: 16px;
                   margin: 0 10px;
               }
           }
           .price-wrap {
               display: flex;
               margin-top: 5px;
               width: 96%;
               align-items: center;
               .itemendprice {
                   color: #FFA500;
                   margin-left: 10px;
               }
               .itemquan {
                   color: #FFA500;
                   font-size: 12px;
                   margin-left: 2px;
                   padding: 0 10px;
                   background-image: url(../imgs/quanbg.png);
                   background-size: 100% 100%;
                   background-repeat: no-repeat;
                   margin: 0 10px;
               }
               .itemsale {
                   font-size: 12px;
                   color: #999;
                   flex-grow: 1;
               }
               .btn {
                   background-image: -webkit-linear-gradient(0deg, #FF4646, #FF3C32);
                   border-radius: 20px;
                   line-height: 30px;
                   text-align: center;
                   color: white;
                   font-size: 13px;
                   margin-left: 15px;
                   padding-top: 2px;
                   padding: 0 20px;
                   flex-shrink: 0;
                   display: flex;
                   justify-content: center;
                   align-items: center;
                   .icon {
                       margin-right: 5px;
                       width: 16px;
                       height: 16px;
                   }
                   span {
                       margin-top: 2px;
                   }
               }
           }
       }
       .head-wrap {
           background-image: url(../imgs/ddq_bannerbg.jpg);
           background-position: center;
           height: 145px;
           background-size: 100% 100%;
           background-repeat: no-repeat;
           display: flex;
           flex-direction: column;
           align-items: center;
           .titleimg {
               width: 60%;
               margin-top: 30px;
           }
           .swiper-wrapper {
               height: 55px;
               margin-top: 10px;
               box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
               align-items: center;
               background-color: transparent;
               .swiper-slide {
                   padding: 10px;
                   position: relative;
                   color: #eee;
                   font-size: 18px;
                   flex-shrink: 0;
                   background-color: transparent;
                   font-size: 16px;
                   &.active {
                       font-size: 24px;
                       background-image: url(../imgs/navbg.png);
                       background-repeat: no-repeat;
                       background-size: 100% 100%;
                   }
               }
           }
       }
   }